.home_box {
    width: 100vw;
    height: calc(100vh - 0.5rem);
    margin-top: 0.5rem;
}

.boxs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* background-color: #fff; */
    z-index: 2;
}



.column {
    height: 100%;
    width: 4.8rem;
    position: absolute;
    top: .96rem;
    z-index: 9;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding-bottom: .5rem;
}

.column::-webkit-scrollbar {
    display: none;
}

/* 左 */
.column:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.left_top {
    width: 100%;
    height: 31%;
}

.left_top>.lefttop_foot {
    height: calc(100% - .39rem);
    padding: 0 .1rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .1rem;
    border: 1px solid rgba(21, 63, 109, 0.30);
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
}

.lefttop_foot>.box_img {
    width: 48%;
    height: 90%;
    padding: .1rem;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(33, 88, 148, 0.1) 0%, rgba(33, 88, 148, 1) 100%);
    border: 1px solid rgba(21, 63, 109, 0.30);
}

.box_img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box_img>div {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 33%;
    /* border: 1px solid red; */
}

.box_img>div>img {
    width: .5rem;
    height: .5rem;
}

.box_txt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: .15rem;
}

.txt1 {
    font-size: .14rem;
    color: rgba(255, 255, 255, 0.8);
}

.top_box {
    /* margin-top: .06rem; */
    position: relative;
    width: 100%;
    height: .29rem;
    background: url(../../assets/img/fubiaoti.png) no-repeat;
    background-size: cover;
}

.bigtop {
    position: relative;
    /* width: 100%; */
    height: .29rem;
    background: url(../../assets/img/zbt.png) no-repeat;
    background-size: cover;
}

.bbt {
    position: relative;
    /* width: 100%; */
    height: .29rem;
    background: url(../../assets/img/fubiaoticha.png) no-repeat;
    background-size: 100% 100%;
}

.p1 {
    position: absolute;
    top: -0.07rem;
    left: .3rem;
    color: #FFF;
    text-shadow: 0 .04rem .04rem rgba(0, 28, 71, 0.70);
    font-family: "YouSheBiaoTiHei";
    font-size: .26rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.left_center {
    width: 100%;
    height: 28%;
}

.leftcenter_foot {
    padding: 0 .1rem;
    margin-top: .1rem;
    height: calc(100% - .39rem);
    /* height: 2.83rem; */
    border: 1px solid rgba(21, 63, 109, 0.30);
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_foot {
    width: 100%;
    height: 39%;
}

.leftfoot_foot {
    padding: 0 .1rem;
    margin-top: .1rem;
    height: calc(100% - .39rem);
    border: 1px solid rgba(21, 63, 109, 0.30);
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*右 */
.column:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 右上 */
/* 重点物种动态 */
.right_top {
    margin-top: .16rem;
    width: 100%;
    height: 30%;
}

.righttop_foot {
    /* padding: .16rem; */
    height: calc(100% - .39rem);
    margin-top: .1rem;
    width: 100%;
    border: 1px solid rgba(21, 63, 109, 0.30);
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
    min-height: 0;
}

.righttop_foot {
    width: 100%;
    /* height: 100%; */
}

.el-carousel {
    height: 100%;
    padding: 0.1rem;
}

.el-carousel__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.video_box {
    width: 55%;
    height: 90%;
    margin-right: 0.16rem;
    position: relative;
}

.video_box .play_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255, 255, 255,0.1); */
    background-color: transparent;
    background-image: url("../assets/nljk-img/Vector@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.3rem 0.3rem;
    z-index: 999;
}

.play_mask:hover {
    cursor: pointer;
}

video {
    width: 100%;
    height: 100%;
    object-fit: initial;
    /*视频填充模式*/
}

.video_txt {
    width: 40%;
    height: 100%;
}

.video_txt p {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    /* vertical-align: top; */
}

.video_txt p:nth-child(1) {
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: 700;
}

.video_txt p:nth-child(2) {
    font-size: 0.14rem;
    color: rgba(186, 230, 255, 0.7);
    margin-bottom: 0.09rem;
    line-height: 0.16rem;
}

.video_txt p .video_span_title {
    font-size: 0.14rem;
    color: rgba(60, 237, 255, 0.7);
}

.video_txt p:nth-child(n + 3) {
    line-height: 0.2rem;
}

/* el-carousel走马灯指示器设置为圆点 */
.el-carousel__indicator--horizontal .el-carousel__button {
    width: .1rem;
    height: 0.1rem;
    background: #fff;
    border: 0.01rem solid #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.el-carousel__indicator--horizontal.is-active .el-carousel__button {
    width: 0.1rem;
    height: 0.1rem;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
}

/* 右中 */
.right_center {
    width: 100%;
    height: 63%;

}

.right_center_foot::-webkit-scrollbar {
    width: 0.05rem !important;
    /*  设置纵轴（y轴）轴滚动条 */
}

.right_center_foot::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #28dcd3 !important;
}

.right_center_foot::-webkit-scrollbar-track {
    border-radius: 0 !important;
    /* box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(186, 230, 255, 0.80); */
    /* background: #fff !important; */
}

.right_center_foot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: auto;
    margin-top: .1rem;
    width: 100%;
    height: calc(100% - .39rem);
    padding: .14rem;
    background: rgba(54, 0, 0, 0.70);
    border: 1px solid rgba(21, 63, 109, 0.30);
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
}

.box_a {
    height: 90%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.data_box {
    height: 80%;
    width: 100%;
    /* background-color: #fff; */
    display: flex;
    justify-self: start;
    padding: .1rem 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #fff;
}

.data_left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    background: url(../../assets/nljk-img/hb.png) no-repeat;
    background-size: 100% 100%;
}

.data_right {
    width: 43%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .1rem;
}

.discover,
.zoon,
.name,
.times {
    display: flex;
    justify-content: start;
    align-items: center;
}

.page_box {
    width: 100%;
    height: .38rem;
    /* background-color: red; */
}

.box_a::-webkit-scrollbar {
    width: .04rem;
    /*  设置纵轴（y轴）轴滚动条 */
}

.box_a::-webkit-scrollbar-thumb {
    border-radius: 0px;
    /* box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
    background: transparent;
}

.box_a::-webkit-scrollbar-track {
    border-radius: 0;
    /* box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(186, 230, 255, 0.80); */
    background: transparent;
}

.jk_box {
    width: 49%;
    height: 100%;
    margin-bottom: .1rem;
    display: flex;
    justify-content: space-between;
}

.jk_box>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .16rem;
    height: 100%;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
}

.jk_box>div:nth-child(2) {
    margin-left: .16rem;
}

.jk_top {
    width: 100%;
    height: 10%;
    display: flex;
}

.ellipsis {
    cursor: default;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出的内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    color: rgba(60, 237, 255, 1);
    font-size: .14rem;
    width: .9rem;
    margin-left: .08rem;
    font-weight: bold;
}

.img1 {
    width: .22rem;
    height: .22rem;
}

.jk_img {
    width: 100%;
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../../assets/nljk-img/hb.png) no-repeat;
    background-size: 100% 100%;
}

.img2 {
    width: 100%;
    height: 100%;
}

.jk_time {
    display: flex;
    margin-top: .05rem;
}

.img3 {
    width: .18rem;
    height: .18rem;
}

/* 右下 */
.right_foot {
    width: 100%;
    height: 32%;
}

.right_foot_foot {
    margin-top: .1rem;
    width: 100%;
    height: calc(100% - .65rem);
    padding: .1rem;
    background: rgba(54, 0, 0, 0.70);
    border: 1px solid rgba(21, 63, 109, 0.30);
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
    overflow-x: hidden;
    overflow-y: auto;
}

.yuan {
    padding: 0 .15rem;
    margin-top: .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: .39rem;
    border-radius: .195rem 0 .195rem .195rem;
    border: 1px solid rgba(102, 225, 252, 0.70);
    background: linear-gradient(180deg, rgba(21, 63, 109, 0.00) 0%, rgba(33, 88, 148, 0.80) 100%);
}

.yuan_left {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yuan_left>img {
    width: 12%;
    /* height: 90%; */
}

.yuan_left>span:nth-child(2) {
    display: inline-block;
    width: 10%;
}

.right_foot_foot::-webkit-scrollbar {
    width: .04rem;
    /*  设置纵轴（y轴）轴滚动条 */
}

.right_foot_foot::-webkit-scrollbar-thumb {
    border-radius: 0px;
    /* box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
    background: transparent;
}

.right_foot_foot::-webkit-scrollbar-track {
    border-radius: 0;
    /* box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(186, 230, 255, 0.80); */
    background: transparent;
}

.el-empty {
    --el-empty-padding: .4rem 0;
    --el-empty-image-width: 1.6rem;
    --el-empty-description-margin-top: .2rem;
    --el-empty-bottom-margin-top: .2rem;
}

:root {
    --el-font-size-base: .14rem;
}

.cldc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    background: rgba(0, 15, 6, 0.60);
}

.cloudControl {
    width: 85%;
    height: 98%;
    text-shadow: 0px .02rem .04rem rgba(6, 47, 22, 0.70);
    background: rgba(0, 15, 6, 0.60);
}

.cl_Title {
    width: 100%;
    height: .5rem;
    color: #fff;
    position: relative;
    padding-left: .24rem;
    display: flex;
    align-items: center;
    font-size: .26rem;
    font-family: "YouSheBiaoTiHei";
    background-image: url('../../assets/img/tcbt.png');
    background-size: 50% 100%;
    background-repeat: no-repeat;
    /* background-position: center; */
    overflow: hidden;
}

.cl_close {
    position: absolute;
    top: -0.02rem;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.cl_video {
    width: 100%;
    height: calc(100% - .55rem);
    /* margin: 24px; */
    position: relative;
    overflow: hidden;
    background: rgba(5, 37, 72, 1);
}

.nav_box {
    margin: .16rem .2rem;
    width: 97%;
    height: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;

}

.nav_left {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 3.36rem;
    height: .4rem;
    font-size: .16rem;
    line-height: .4rem;
    text-align: center;
    cursor: pointer;
    /* border: 1px solid rgba(102, 225, 252, 0.5); */
}

.nav_right>p {
    width: 4rem;
    height: .3rem;
    line-height: .3rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: .16rem;
}

.nav_right {
    display: flex;
}

.Select {
    border-bottom: .02rem solid #38d9ed;
    color: #38d9ed;
}

.cl_set {
    width: 100%;
    height: .45rem;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: rgba(0, 0, 0, 0.70);
}

.cl_set>div {
    margin-right: .16rem;
}

.bigVideo {
    width: 100%;
    height: calc(100% - .4rem);
    /* background-color: background537721 */
    border: 1px solid undefined;
}

.bigVideo>video {
    width: 100%;
    height: 100%;
}

.controller {
    position: absolute;
    bottom: .56rem;
    right: .16rem;
    z-index: 3;
    overflow: hidden;
    cursor: pointer;
}

.c_t {
    width: .7rem;
    height: .55rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
}

.c_b {
    width: .7rem;
    height: .55rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
}

.c_l {
    width: .7rem;
    height: .55rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 3;
}

.c_r {
    width: .7rem;
    height: .55rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 3;
}

.bigcenter {
    padding: 0 .2rem;
    height: 50%;
    /* overflow: auto; */
}

.bigfoot {
    padding: 0 .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top {
    height: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top>div {
    padding: .16rem;
    width: 32.5%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
}

.top_foot {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center {
    padding: .16rem;
    width: 100%;
    height: 2.33rem;
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
}

.foot {
    margin-bottom: .4rem;
}

.center {
    display: flex;
    justify-content: space-between;
    padding: .1rem;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
}

.divs {
    height: 2.5rem;
}

.center>div:nth-child(1) {
    width: 66%;
}

.center>div:nth-child(2) {
    width: 33%;
}

.foot {
    margin-bottom: .4rem;
    padding: .1rem;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, #052548 0%, rgba(31, 80, 134, 0.40) 100%);
}

.el-table {
    --el-table-bg-color: none;
    --el-table-tr-bg-color: none !important;
    --el-table-border-color: none;
    --el-table-row-hover-bg-color: var(--el-transfer-border-color);
    --el-table-border: 1px solid rgba(255, 255, 255, 0.5) !important;
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    --el-table-current-row-bg-color: none;
    /* --el-table-tr-bg-color:none */
}

.el-table__expanded-cell {
    --el-table-bg-color: none;
    color: #93dcfe;
    font-size: .24rem;
    font-weight: 700;
}

.el-table th.el-table__cell {
    /* background: rgba(248, 72, 72, 0.20) !important; */
    height: .58rem;

}

.el-table-column {
    color: #fff !important;
}

.el-table .cell {
    padding: 0;
    text-align: center;
    font-size: .14rem;
}

:root {
    --el-border-color: rgba(230, 247, 255, 0.2)
}

.el-table,
.el-table th.el-table__cell.is-leaf {
    border-bottom: none !important;
}

.bigVideo>.el-table th.el-table__cell {
    background: rgba(60, 237, 255, 0.4) !important;
}

.bigVideo>.el-table thead {
    color: #fff !important;
}

.bigVideo>.el-table {
    --el-table-border: 1px solid rgba(230, 247, 255, 0.2) !important;
}

.el-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
}

.el-pagination__sizes {
    color: #fff;
}

:root {
    --el-fill-color-blank: none !important;
    --el-text-color-regular: #fff !important;
}

.bigVideo>tbody>tr {
    height: 1.1rem !important;
}

.el-pagination button {
    color: #fff !important;
}

.el-pager li.is-active {
    background-color: rgba(60, 237, 255, 1) !important;
}

.el-pager li {
    margin: 0 .02rem;
    color: #fff !important;
}

.el-pagination__total {
    color: #fff !important;
}

.el-select__caret {
    color: #fff !important;
}

.el-dropdown-menu__item:not(.is-disabled) {
    color: aqua !important;
}

/* 时间选择器 */
.el-date-picker {
    --el-datepicker-text-color: #fff !important;
}

.el-picker__popper {
    --el-datepicker-border-color: rgba(102, 225, 252, 0.5);
}

.el-image-viewer__close,
.el-image-viewer__next,
.el-image-viewer__prev,
.el-image-viewer__actions__inner {
    color: #000 !important;
}

.el-page {
    /* margin-bottom: 1rem !important; */
    margin-top: .05rem !important;
}

.img_box {
    width: 95%;
    height: 80%;
    margin-left: .08rem;
    background: url(../../assets/img/ypbj.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img_box_left {
    cursor: pointer;
    margin-left: .17rem;
}

.img_box_right img {
    width: .19rem;
    height: .19rem;
}

.img_box_left img {
    width: .32rem;
    height: .32rem;
}

.img_box_right {
    cursor: pointer;
    margin-right: .17rem;
    width: .6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img_box_right>span {
    color: #fff;
    font-weight: bold;
    font-size: .16rem;
}

.Dynamic_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: .16rem;
}

.left_img {
    margin-top: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .14rem;
    color: #fff;
}

.left_img>span {
    margin-top: .1rem;
}

.left_img>img {
    width: .56rem;
    height: .56rem;
}

.centers>span {
    display: inline-block;
    /* 让 span 支持宽度和溢出处理 */
    width: 3rem;
    /* 定义宽度，超过这个宽度的文本将被截断 */
    font-size: .16rem;
    /* 字体大小 */
    color: #fff;
    /* 字体颜色 */
    margin-left: .1rem;
    /* 左边距 */
    white-space: nowrap;
    /* 防止文本换行 */
    overflow: hidden;
    /* 隐藏溢出的文本 */
    text-overflow: ellipsis;
    /* 使用省略号显示溢出的文本 */
}

.center_img {
    width: 3rem;
    height: .5rem;
    background: url(../../assets/img/ypbjt.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* line-height: .48rem; */
    /* padding: .12rem; */
}

.center_img>audio {
    width: 95%;
    height: 90%;
    margin-left: .12rem;
}

.center_img2 {
    width: 3rem;
    height: 1.4rem;
    background: url(../../assets/img/spbjt.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center_img2>video {
    width: 90%;
    height: 90%;
    margin-left: .08rem;
    /* object-fit: contain; */
}

.right_img {
    margin-top: .3rem;
    cursor: pointer;
}

.right_img>img {
    width: .4rem;
    height: .4rem;
}


.swsj_img {
    position: fixed;
    top: 1.05rem;
    left: 5.15rem;
    width: .3rem;
    height: .3rem;
    cursor: pointer;
    z-index: 999999;
}
